<fui-menu routeHandler (selectChange)="selectChange($event)">
  <fui-menu-item icon="user" key="/gallery/menu/user">
    user
  </fui-menu-item>
  <fui-sub-menu icon="user-group" menuTitle="group">
    <fui-menu-item key="/gallery/menu/group/role">
      role
    </fui-menu-item>
    <fui-menu-item key="/gallery/menu/group">
      group
    </fui-menu-item>
  </fui-sub-menu>
  <fui-sub-menu icon="user-group" menuTitle="group2" key="/gallery/menu/group2">
    <fui-menu-item key="/gallery/menu/group2/role">
      role
    </fui-menu-item>
    <fui-menu-item key="/gallery/menu/group2/group">
      group
    </fui-menu-item>
  </fui-sub-menu>
</fui-menu>

<fui-menu routeHandler (selectChange)="selectChange($event)" menuTitle="async fetch items">
  <fui-menu-item
    *ngFor="let item of asyncMenuItems"
    [icon]="item.icon"
    [key]="item.key"
  >
    {{item.text}}
  </fui-menu-item>
</fui-menu>
